<!DOCTYPE html>
<html>

	<head>
		<link href="/grid.css?column_width=235&column_amount=4&gutter_width=20" media="screen" rel="stylesheet" type="text/css" />
		<style type="text/css">
			body { background-color: #fff; }
			.container { background-color:#333; }
			.container div p { background-color:#fff; }
			div p { border:1px solid #333; padding:10px; }
			h2 { color:#fff; }
			
		</style>
	</head>

	<body>
		<div class="container container_4">
			<h2 class="grid_4">
				4 Column Grid
			</h2>
			<div class="grid_4">
				<p>
					1000px
				</p>
			</div>
			
			<div class='clear'>&nbsp;</div>
<div class='grid_1'>
<p>235px</p>
</div><div class='grid_3'>
<p>745px</p>
</div><div class='clear'>&nbsp;</div>
<div class='grid_2'>
<p>490px</p>
</div><div class='grid_2'>
<p>490px</p>
</div>


			
			<div class='clear'>&nbsp;</div>
<div class='grid_1  suffix_3'>
<p>235px</p>
</div><div class='clear'>&nbsp;</div>
<div class='grid_1 prefix_1 suffix_2'>
<p>235px</p>
</div><div class='clear'>&nbsp;</div>
<div class='grid_1 prefix_2 suffix_1'>
<p>235px</p>
</div><div class='clear'>&nbsp;</div>
<div class='grid_1 prefix_3 suffix_0'>
<p>235px</p>
</div>
			<div class="clear">&nbsp;</div>
		</div>
	</body>
</html>